<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
		<title>TzMarlon</title>
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_1464512820_8751209.css" />
		<script type="text/javascript">
			var basePath = "";
		</script>
		<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
		<script type="text/javascript" src="js/ke_util.js"></script>
		<script type="text/javascript" src="js/tm_Admin.js"></script>
	</head>

	<body style="background:url(images/bg2.jpg)">
		<!--头部-->

		<div class="header">
			<div class="heardbox">
				<div class="c_left">

					<a href="" class="logo"><i class="iconfont icon-logo fz32" style="color:#0C0A0A"></i></a>
					<ul class="nav">
						<li>
							<a href="index.html"><i class="iconfont icon-home"></i>首页</a>
						</li>
						<li>
							<a href="article_list.html"><i class="iconfont icon-zhuanti"></i>专题</a>
						</li>
						<li>
							<a href="#"><i class="iconfont icon-community"></i>社区</a>
						</li>
						<li>
							<a href="music_index.html"><i class="iconfont icon-single"></i>单曲</a>
						</li>
					</ul>
					<div class="clearfix"></div>
					<!--清除浮动  -->
				</div>
				<div class="c_right" id="userbox"></div>
				<div class="clearfix"></div>
				<!--清除浮动  -->
			</div>
		</div>
		<div class="clearfix"></div>
		<!--清除浮动  -->
		<div class="clearfix"></div>
		<!-- 内容区 -->
		<div class="wrapbox">
			<div class="w_left">
				<!-- 内容区域 -->
				<div class="cntbox">
					<ul id="databox">

						<li class="items">
							<a href="music_detail.html" class="imgbox pr">
								<img class="lazy" alt="#" src="/" style="display: inline;" />
								<div class="iover"></div>
							</a>
							<div class="slbox">
								<h3 class="title"><a href="music_detail.html">fdasfdasg</a></h3>
								<p class="info">
									<span>作者：</span>
									<span>2016-12-06 09:26:32.0<i class="iconfont"></i></span>
									<span><i class="iconfont icon-dianping"></i></span>
									<span><i class="iconfont icon-hit"></i></span>
								</p>
								<p style="text-indent:2em;">...
									<a class="read" href="music_detail.html">阅读全文</a>
								</p>
							</div>
						</li>

						<li class="items">
							<a href="music_detail.html" class="imgbox pr">
								<img class="lazy" alt="#" src="images/article/web.jpg" style="display: inline;" />
								<div class="iover"></div>
							</a>
							<div class="slbox">
								<h3 class="title"><a href="music_detail.html">《AngularJS权威教程》（一）</a></h3>
								<p class="info">
									<span>作者：马龙</span>
									<span>2016-11-16 20:12:43.0<i class="iconfont"></i></span>
									<span>4<i class="iconfont icon-dianping"></i></span>
									<span>7<i class="iconfont icon-hit"></i></span>
								</p>
								<p style="text-indent:2em;">AngularJS采用创建实时模板来代替视图，而不是将数据合并进模板之后更新DOM。任何一个独立视图组件中的值都是动态替换的。这个功能可以说是AngularJs中最重要的功能之一。 要实现这个功能，只要在HTML页面给...
									<a class="read" href="music_detail.html">阅读全文</a>
								</p>
							</div>
						</li>

						<li class="items">
							<a href="music_detail.html" class="imgbox pr">
								<img class="lazy" alt="#" src="images/article/web.jpg" style="display: inline;" />
								<div class="iover"></div>
							</a>
							<div class="slbox">
								<h3 class="title"><a href="music_detail.html">构建流式应用—RxJS详解（下篇）</a></h3>
								<p class="info">
									<span>作者：马龙</span>
									<span>2016-11-16 20:10:38.0<i class="iconfont"></i></span>
									<span>7<i class="iconfont icon-dianping"></i></span>
									<span>5<i class="iconfont icon-hit"></i></span>
								</p>
								<p style="text-indent:2em;">joeyguo Angular中文社区 下篇内容： RxJS 基础实现 Observable Observer RxJS · Operators Operators ·入门 一系列的 Operato...
									<a class="read" href="music_detail.html">阅读全文</a>
								</p>
							</div>
						</li>						
					</ul>
					<div class="clearfix"></div>
					<!--清除浮动  -->
					<!-- 加载按钮 -->
					<div class="loadmore">
						<a href="javascript:void(0);" onclick=""><i class="iconfont icon-refresh"></i><span class="text">加载更多数据</span></a>
					</div>
				</div>
			</div>

			<!-- 右侧 -->
			<div class="w_right">
				<div class="topic-title">
					<h2 class="pull-left fl">热门文章</h2>
					<span class="pull-right fr">3人文章</span>
				</div>
				<div class="bg_pic pr">
					<div class="iover"></div>
					<div><img src="images/cover1.jpg" width="360" height="190" /></div>
				</div>
				<style>
					.topic-content {
						margin-top: 20px;
						padding: 15px 0px 10px 15px;
						background: rgba(255, 255, 255, 0.86);
						height: 300px;
					}
				</style>
				<!-- 热门文章 -->
				<div class="topic-content">
					<ul class="topic-box">
						<li class="items">
							<a href="javascript:void(0)">我爱技术</a>
						</li>
						<li class="items">
							<a href="javascript:void(0)">Javascript设计模式</a>
						</li>
						<li class="items">
							<a href="javascript:void(0)">这里是你我的平台</a>
						</li>
						<li class="items">
							<a href="javascript:void(0)">我爱你们</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="clearfix"></div>
		<!-- end 内容区 -->

		<div class="footer mt15">
			<div class="content">龙梦情缘工作室tzmarlon@163.com</div>
		</div>
		<style>
			#tm_top {
				width: 24px;
				height: 24px;
				position: fixed;
				bottom: 48px;
				right: 15px;
				display: none;
			}
			
			#tm_top a {
				display: inline-block;
				line-height: 24px;
			}
		</style>
		<div id="tm_top">
			<a href="" onclick=""><i class="iconfont icon-top fz48"></i></a>
		</div>
		<!--底部-->
	</body>

</html>